<html>

<head>
    <script src="https://cdn.tailwindcss.com"></script>
    <title>{{title}} List</title>

</head>

<body>
    <h1 class="text-4xl font-bold text-center underline">
        {{title}}
    </h1>
    <div class="flex flex-col">
        <div class="container mx-auto p-4">
            <div class="flex justify-center w-full ">
                <ol class=" p-4 bg-blue-100 rounded-lg shadow-lg">
                    <li class="text-2xl bg-white p-2 rounded border-b-4 border-blue-100">
                        <a href="{{prefix}}/all">全量显示</a>
                    </li>
                    {% for item in items %}
                    <li class="text-2xl bg-white p-2 rounded border-b-4 border-blue-100">
                        <a href="{{prefix}}/{{item}}">{{item}}</a>
                    </li>
                    {% endfor %}
                </ol>
            </div>
        </div>
    </div>
    <div class="fixed bottom-0 left-0 w-full bg-green-800 text-white p-6 flex justify-center">
        <a href="/" class="hover:text-gray-300">首页</a>
    </div>

</body>

</html>